<template>
    <el-tree class="p-4" :data="menus.data" node-key="id">
        <template v-slot="{ node, data }">
            {{ data.menuName }} {{ log(node, data) }}
        </template>
    </el-tree>
</template>

<script setup lang="ts">
import { Loader } from 'src/framework/network/Loader';
import * as api from './api'
import { reactive } from 'vue';
const menus = reactive(new Loader(api.menus))
menus.load()
const log = console.log
</script>